{% extends "registration/base.html" %}
{% load i18n %}

{% block title %} {% trans 'Thay đổi mật khẩu' %} {% endblock %}

{% block content %}
<div id="box" style="width:700px;text-align:left;height:400px;background: #fff; margin: 0 auto; border-radius:4px;box-shadow:0 0 0.6em hsla(3, 10%, 30%,0.25);margin-top: 40px;
padding-left:40px;
padding-top:30px;">
<!--
<h1>{% trans 'Password change' %}</h1>

<p>{% trans "Please enter your old password, for security's sake, and then enter your new password twice so we can verify you typed it in correctly." %}</p>

<form action="" method="post">{% csrf_token %}

{{ form.old_password.errors }}
<p class="aligned wide"><label for="id_old_password">{% trans 'Old password:' %}</label>{{ form.old_password }}</p>
{{ form.new_password1.errors }}
<p class="aligned wide"><label for="id_new_password1">{% trans 'New password:' %}</label>{{ form.new_password1 }}</p>
{{ form.new_password2.errors }}
<p class="aligned wide"><label for="id_new_password2">{% trans 'Confirm password:' %}</label>{{ form.new_password2 }}</p>-->
<h1 style="text-align: center;color: #00c1ff">{% trans 'Đổi mật khẩu!' %}</h1>
<div id="tep" style="margin: 0 auto ;text-align: center">
<p style="color:#ff7430">{% trans 'Hãy nhập mật khẩu cũ và mật khẩu mới của bạn!' %}</p>
<form action="" method="post">{% csrf_token %}

    {{ form.old_password.errors }}
    <p class="aligned wide"><label for="id_old_password"style="margin-right: 60px;">{% trans 'Mật khẩu cũ:' %} </label>{{ form.old_password }}</p>
    {{ form.new_password1.errors }}
    <p class="aligned wide"><label for="id_new_password1" style="margin-right: 50px;">{% trans 'Mật khẩu mới:' %} </label>{{ form.new_password1 }}</p>
    {{ form.new_password2.errors }}
    <p class="aligned wide"><label for="id_new_password2">{% trans 'Nhập lại mật khẩu mới:' %} </label>{{ form.new_password2 }}</p>
<p><input type="submit"style="background:#ff7542;padding:5px; color:#fff; border: 0px none;border-radius:4px;box-shadow:0 0 5px hsla(3, 10%, 30%,0.25);
" value="{% trans 'Đổi password' %}" /></p>
</form>
</div>
</div>

{% endblock %}

{% block content-related %}

{% endblock %}